草庐IT

HTML 框架

全部标签

javascript - 如何检查 HTML 元素的动画?

我想查看分配给特定元素的CSS过渡或JavaScript/jQuery动画。我应该如何在ChromeDevTools或任何其他开发者工具中执行此操作?例如,我访问了一个Google+页面,我注意到当我将鼠标悬停在一张图片上时,它会变灰、放大,并且Angular落会出现一个关闭按钮。正常:悬停:如何查看此行为背后的代码? 最佳答案 右键单击元素选项卡中的html元素,然后选择:悬停选项。现在您可以在右侧样式选项卡中看到应用于特定元素的悬停CSS。请引用屏幕截图 关于javascript-如

javascript - 如何遍历 HTML DOM?以及如何获取元素的事件、样式和属性(附示例)

编辑2(解决方案)Javascript对于“可能的”javascript方式,请参阅下面的@sabof回答:https://stackoverflow.com/a/22172009/3309243…………JQUERY事件:我很快制作了一个示例函数getEvents(),但它似乎有效:)属性:我在互联网上的某个地方找到了这个,通过使用.attr()返回所有属性另外,我刚刚发现了有关在浏览器中进行调试的知识,因此现在知道如何查看对象。可能有人想知道如何:打开您的控制台(在FireFox中至少为f12)并在控制台命令行中键入例如$("body")(一直在底部),单击返回的对象并查看控制台:P

javascript - PerformanceTiming.responseStart 是指向 HTML 还是 headers 开始?

我有一个关于PerformanceTiming.responseStart的问题.它是timetofirstbyteofheaders还是atimetofirstbyteofHTML?在某些项目中,这个时间可能会非常不同。例如当使用渐进式页面呈现时。 最佳答案 [...]mustreturnthetimeimmediatelyaftertheuseragentreceivesthefirstbyteoftheresponsefromtheserverhttp://www.w3.org/TR/2012/REC-navigation-t

javascript - 使用 webpack-dev-server 时,html-webpack-plugin 不会将 js 文件注入(inject) index.html

这是我的webpack配置:varpath=require('path');varwebpack=require('webpack')varHtmlWebpackPlugin=require('html-webpack-plugin')varfs=require('fs'),buildPath='./dist/';varfolder_exists=fs.existsSync(buildPath);if(folder_exists==true){require('shelljs/global')rm('-rf','dist')};module.exports={entry:'./src/

javascript - 如何从 CDN 使用 Angular 2(或 4)框架

这个问题在这里已经有了答案:WherecanIfindtheAngular2CDNorsourcecode?(2个答案)关闭5年前。在Angular1.x中,我们可以选择使用CDN(https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js)链接到Angular框架。Angular2中是否提供该选项?

JavaScript MVC 框架 + raphaelJS

我正在尝试制作一个具有客户端MVC架构的应用程序,但除了HTML模板之外,它还具有SVG元素作为View(我使用raphael来管理它)。是否有任何JavaScriptMVC框架可以很好地与raphaelJS作为View一起工作?如果没有,是否有任何建议的框架可以很好地与之配合使用? 最佳答案 Backbone.js是一个简单的MVC框架,它不限制使用哪个模板引擎,而是给你自己的选择。在backbone渲染函数中,它总是从一些JSON数据生成HTML代码,如下所示:render:function(){//useunderscorea

javascript - 在 HTML5 Canvas 上绘制 1 像素线的完整解决方案

在HTML5Canvas上绘制1像素线总是有问题。(引用http://jsbin.com/voqubexu/1/edit?js,output)绘制垂直/水平线的方法是x+0.5,y+0.5(引用Canvaslinebehaviourwhen0)。要在全局范围内执行此操作,ctx.translate(0.5,0.5);是个好主意。但是,当涉及到对Angular线时,这种方法就不起作用了。它总是给出一条2像素的线。有没有办法阻止这种浏览器行为?如果没有,是否有可以解决此问题的软件包? 最佳答案 您提到的“更宽”的线是由浏览器自动完成的抗

javascript - 如何使用 Gulp 和 gulp-data 从单个 jade 模板生成多个 html 文件

我正在使用Gulp创建一个静态站点生成器.我想知道如何将每条数据(JSON)通过管道传输到一个jade模板中以生成多个html文件。这是gulp的"template"任务:gulp.task('templates',function(){'usestrict';varmyData=JSON.parse(fs.readFileSync('./_assets/data/content.json'));varmyPages=myData.pages;varmyPosts=myData.posts;gulp.src('./_assets/templates/index.jade').pipe(

javascript - Atom Electron 使用 html 按钮和 javascript 关闭并最小化窗口

我说使用Electron并尝试制作最小化和关闭按钮。index.htmlminimizeclose索引.jsconstremote=require('electron').remote;functionminimize(){varwindow=remote.getCurrentWindow();window.minimize();}functionclose(){varwindow=remote.getCurrentWindow();window.close();}我一定是犯了一些愚蠢的错误或者什么,但是最小化按钮工作得很好,而关闭按钮不起作用。我还尝试了这里提到的EventListe

javascript - 如何使用 javascript/jquery 查找和替换 html 字符串中的开始标记和结束标记

如何使用javascript/jquery查找和替换html字符串中的开始标记和结束标记例如varmyString="HellojohnJohnlikestoplayguitarAnnalikestoarrangeflowers";我需要找到“div”标签并替换为其他html标签,如“p”标签/“span”标签将“div”标签替换为“p”标签后生成的html字符串varreplacestring="HellojohnJohnlikestoplayguitarAnnalikestoarrangeflowers";请提出任何解决方案。 最佳答案